<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乐购电子商城-首页</title>
    <!-- 引入公共样式  -->
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./lib/plugins/slider/css/slider.css">
    <!-- 引入当前文件样式  -->
    <link rel="stylesheet" href="./css/register.css">

</head>
<body>
    <div class="titbg ">
        <div class="container clearfix nav">
            <img src="./img/05-login_02.jpg">
            <div class="fr clwhite">
                <p >欢迎光临<span>乐购</span>,请&emsp;<a class="clwhite" href="./sign.html">登录</a>\<span><a class="clwhite" href="./register.html">注册</a></span></p>
            </div>
        </div>
    </div>
    <div class="container titbutton clearfix">
        <h1>
            欢迎注册
        </h1>
    </div>
    <div class="input-main container">
        <div class="input-bigbox">
            <div class="input">
                <span class="input-box">用户名</span>
                <input class="pd" id="name" type="text" placeholder="您的账户名和登录名">
                <div class="error">
                    <span class="error1" >您的账户名和登录名或许有误</span>
                    <span class="error2">您似乎未输入值</span>
                </div>
            </div>
            <div class="input">
                <span class="input-box">设置密码</span>
                <input class="pd" id="psw" type="text" placeholder="再次输入密码">
                <div class="error">
                    <span class="error1">您的密码或许有误</span>
                    <span class="error2">您似乎未输入值</span>
                </div>
            </div>
            <div class="input">
                <span class="input-box">确认密码</span>
                <input class="pd" id="Confirm" type="text" placeholder="您的账户名和登录名">
                <div class="error">
                    <span class="error1">您的密码或许与上面不同</span>
                    <span class="error2">您似乎未输入值</span>
                </div>
            </div>
            <div class="input">
                <span class="input-box">中国+86  </span>
                <input class="pd" id="iphone" type="text" placeholder="建议使用常用手机号">
                <div class="error">
                    <span class="error1">您的手机号格式错误</span>
                    <span class="error2">您似乎未输入值</span>
                </div>
            </div>
            <div class="input">
                <span class="input-box">验证码</span>
                <input class="pd" type="text" id="yzm" placeholder="请输入验证码">
                <img src="./img/4E7R.png" alt="">
                <div class="error">
                    <span class="error1">您的验证码错误</span>
                    <span class="error2">您似乎未输入值</span>
                </div>
            </div>
            <div class="input">
                <span class="input-box">手机验证码</span>
                <input class="pd" id="iphoneyzm" type="text" placeholder="手机验证码">
                <div class="getyz">
                    获取验证码
                </div>
                <div class="error">
                    <span class="error1">您的密码或许与上面不同或者不符合规范</span>
                    <span class="error2">您似乎未输入值</span>
                </div>
            </div>
            <div  class="check">
                <input type="checkbox">
                &emsp;我已阅读并同意<span>《京东用户注册协议》</span>
            </div>
            <div class="submit">
                立即注册
            </div>
        </div>
    </div>
    
    <div class="foot">
        <div class="footbg">
            <div class="container">
                <div class="clearfix footbox">
                    <div class="fl footimg" >
                        <img src="./img/222_11.png" alt="">
                    </div>
                    <div class="fl footimg">
                        <img src="./img/222_13(1).png" alt="">
                    </div>
                    <div class="fl footimg">
                        <img src="./img/222_15.png" alt="">
                    </div>
                    <div class="fl footimg">
                        <img src="./img/222_17.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="footplay container">
            <div class="footplay-box clearfix">
                <div class="footplay-text fl">
                    <h2>购物指南</h2>
                        <p>购物流程</p>
                        <p>发票制度</p>
                        <p>账户管理</p>
                        <p>会员优惠</p>
                </div>
                <div class="footplay-text fl">
                    <h2>支付方式</h2>
                    <p>货到付款</p>
                    <p>网上支付</p>
                    <p>礼品卡支付</p>
                    <p>银行转帐</p>
                </div>
                <div class="footplay-text fl">
                    <h2>订单服务</h2>
                    <p>订单配送查询</p>
                    <p>订单状态说明</p>
                    <p>自助取消订单</p>
                    <p>自助修改订单</p>
                </div>
                <div class="footplay-text fl">
                    <h2>退换货</h2>
                    <p>退换货政策</p>
                    <p>自助申请退换货</p>
                    <p>退换货进度查询</p>
                    <p>退款方式和时间</p>
                </div>
                <img class="fl" src="./img/logo_00.png" alt="">
            </div>
        </div>
        <div class="container" >
            <div  class=" footnav">
                &emsp;<a class="footnav-list" href="#">公司简介&emsp;</a>  
                &emsp;<a class="footnav-list" href="#">Investor Relations&emsp;</a>
                &emsp;<a class="footnav-list" href="#">网站联盟&emsp;</a>
                &emsp;<a class="footnav-list" href="#">乐购招商&emsp;</a>
                &emsp;<a class="footnav-list" href="#">机构销售&emsp;</a>
                &emsp;<a class="footnav-list" href="#">手机乐购&emsp;</a>
                &emsp;<a class="footnav-list" href="#">官方Blog&emsp;</a>
                &emsp;<a class="footnav-list footnav-list-end" href="#">热词搜索&emsp;</a>
                <p class="footnav-last">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
            </div>
            
        </div>
    </div>
    <!-- 引入当前文件的js -->
    <script src="./js/jquery.js"></script>
    <script src="./lib/plugins/slider/lib/jquery.min.js"></script>
    <script src="./lib/plugins/slider/lib/jquery.slidebox.js"></script>
    <script src="./js/register.js"></script>
</body>
</html>